<!DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="UTF-8">
      <title>练习4</title>
    <script type="text/javascript" src="/script/jquery-3.6.0.min.js"></script>
    <script type="text/javascript">
      $(function () {

        //使单选下拉框的'2号'被选中
        $("#input1").click(
                function () {
                  $("#one > option:contains('2号')").prop("selected", "selected");
                }
        )

        //使多选下拉框选中的'2号'和'5号'被选中
        $("input[type='button']:eq(1)").click(
                function() {
                  // $("#many > option:contains('2号')").attr("selected", "selected");
                  // $("#many > option:contains('5号')").attr("selected", "selected");
                  $("#many").val(["2号","5号"]);
                }
        )

        //使复选框的'复选2'和'复选4'被选中
        $("input[type='button']:eq(2)").click(
                function() {
                  // $("input[name='c']:contains('复选2')").attr("checked", "checked");
                  // $("input[name='c']:contains('复选4')").attr("checked", "checked");
                  $("input[name='c']").val(["check2","check4"])
                }
        )

        //使单选框的'单选2'被选中
        $("input[type='button']:eq(3)").click(
                function() {
                  $("input[type='radio']").val(["radio2"]);
                }
        )
      })
    </script>

  </head>
  <body>
  <input type="button" id="input1" value="使单选下拉框的'2号'被选中"/><br>
  <input type="button" value="使多选下拉框选中的'2号'和'5号'被选中"/><br>
  <input type="button" value="使复选框的'复选2'和'复选4'被选中"/><br>
  <input type="button" value="使单选框的'单选2'被选中"/><br>

  <br/>

  <select id="one">
    <option>1号</option>
    <option>2号</option>
    <option>3号</option>
  </select>

  <select id="many" multiple="multiple" style="height:120px;">
    <option selected="selected">1号</option>
    <option>2号</option>
    <option>3号</option>
    <option>4号</option>
    <option>5号</option>
    <option selected="selected">6号</option>
  </select>
  <br/>
  <br/>
  <input type="checkbox" name="c" value="check1"/> 复选1
  <input type="checkbox" name="c" value="check2"/> 复选2
  <input type="checkbox" name="c" value="check3"/> 复选3
  <input type="checkbox" name="c" value="check4"/> 复选4
  <br/>
  <input type="radio" name="r" value="radio1"/> 单选1
  <input type="radio" name="r" value="radio2"/> 单选2
  <input type="radio" name="r" value="radio3"/> 单选3
  </body>
</html>